<template>
  <div>
    <Xiangqing :title="'货品信息'">
      <template #four>
        <el-row style="margin: 30px 50px 20px 50px; font-size: 16px">
          <el-table border :data="tabelDate">
            <el-table-column
              label="序号"
              type="index"
              width="50"
            ></el-table-column>
            <el-table-column prop="name" label="货品名称"></el-table-column>
            <el-table-column prop="quantity" label="货品类型"></el-table-column>
            <el-table-column
              prop="totalWeight"
              label="重量（千克）"
            ></el-table-column>
            <el-table-column
              prop="totalVolume"
              label="体积（立方）"
            ></el-table-column>
            <el-table-column label="操作">
              <el-button style="color: deepskyblue" type="text">编辑</el-button>
              <span style="margin: 7px; color: #ccc">|</span>
              <el-button style="color: red" type="text">删除</el-button>
            </el-table-column>
          </el-table>
        </el-row>
      </template>
    </Xiangqing>
  </div>
</template>

<script>
import Xiangqing from "@/views/business/components/Xiangqing.vue";

export default {
  components: { Xiangqing },
  props: {
    tabelDate: {
      type: Array,
    },
  },
};
</script>

<style lang="scss" scoped></style>
